<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view>
	<h:head>
		<title>Área Administrativa</title>
		<style type="text/css">
label {
	width: 100px;
	text-align: right;
	display: inline-block;
	*display: inline; /* hack para ie7 */
}

body {
	font-size: 12px;
}

.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}
</style>
	</h:head>
	<body style="height:100%; width:100%;">
				

		<p:layout fullPage="true">
			<p:layoutUnit position="north" size="80" header="Tela Administrativa"
				closable="true" collapsible="true">

<h:form>

					<p:menubar autoDisplay="false">
						<p:submenu label="Cadastro" icon="ui-icon-document">
							<p:submenu label="Usuário" icon="ui-icon-person">
								<p:menuitem value="Novo Usuário" url="/telaCadUser.xhtml" />
							</p:submenu>
							<p:separator />
							<p:submenu label="Livro" icon="ui-icon-document">
								<p:menuitem value="Novo Livro" url="/telaCadLivro.xhtml" />
							</p:submenu>
							<p:separator />
							<p:submenu label="Autor" icon="ui-icon-document">
								<p:menuitem value="Novo Autor" url="/telaCadAutor.xhtml" />
							</p:submenu>
							<p:separator />
							<p:submenu label="Editora" icon="ui-icon-document">
								<p:menuitem value="Nova Editora" url="/telaCadEditora.xhtml" />
							</p:submenu>
							<p:separator />
							<p:submenu label="Categoria" icon="ui-icon-document">
								<p:menuitem value="Nova Categoria" url="/telaCadCategoria.xhtml" />
							</p:submenu>
						</p:submenu>
						<p:submenu label="Listar" icon="ui-icon-script">
							<p:menuitem icon="ui-icon-person" value="Usuários" url="/listUser.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-document" value="Livros" url="/listLivro.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-document" value="Autor" url="/listAutor.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-document" value="Editora" url="/listEditora.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-document" value="Categoria" url="/listCategoria.xhtml" />
						</p:submenu>
						<p:menuitem value="Livros na Prateleira" url="/telaPrateleira.xhtml"
							icon="ui-icon-clipboard" />
						<p:menuitem value="Meu Pedido" url="/telaPedido.xhtml"
							icon="ui-icon-check" />
						<p:submenu label="Admin. Emprestimos" icon="ui-icon-home">
							<p:menuitem icon="ui-icon-bullet" value="Resevados" url="./listEmprestimosResevados.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-bullet" value="Emprestados" url="./listEmprestimosEmprestados.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-bullet" value="Devolvidos" url="./listEmprestimosDevolvidos.xhtml" />
							<p:separator />
							<p:menuitem icon="ui-icon-bullet" value="Cancelados" url="./listEmprestimosCancelados.xhtml" />
							</p:submenu>
						<p:menuitem value="Sair" action="#{loginBEAN.sair()}" icon="ui-icon-close" />
					</p:menubar>
									</h:form>


			</p:layoutUnit>
			
			<p:layoutUnit position="center">
				
					
					<ui:insert name="conteudo">  
					...
					</ui:insert>
					
				
			</p:layoutUnit>

			<p:layoutUnit position="east" size="250" header="Calendário"
				closable="true" collapsible="true">
				<h:form>
				<br />

				<p:calendar mode="center" navigator="none" />

				<br />
				<p:fieldset legend="Usuário">
					<h:graphicImage url="/fotos/usuario/#{loginBEAN.user.id}.jpg" width="80px"
						height="80px" /><br /><br />
					Nome: <h:outputText value="#{loginBEAN.user.nome}" />
						<br />
					Usuário: <h:outputText value="#{loginBEAN.user.login}" />
						<br />
					Curso: <h:outputText value="#{loginBEAN.user.curso}" />
						<br />
					E-Mail: <h:outputText value="#{loginBEAN.user.email}" />
				</p:fieldset>
			</h:form>
			</p:layoutUnit>

		</p:layout>
		

	</body>
</f:view>
</html>
